<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <link rel="icon" href="/favicon.ico">
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title>Vite App</title>
  </head>

  <script>
    // 设置画布标准宽度为375px
    let uiWidth=376;
    // 监听页面尺寸变化，计算根节点大小
    function setFontSize(){
      var fontSize=document.documentElement.clientWidth/(uiWidth/16);
      document.documentElement.style.fontSize=fontSize+'px';
    }
    setFontSize();
    window.addEventListener('resize',setFontSize);
    
  </script>

  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>
  </body>
</html>
